import React, {Component} from "react";
import {Carousel} from "antd";

class ImageCarousel extends Component{
    constructor(props) {
        super(props);
        this.state = {
            contentStyle : {
                height: '160px',
                color: '#fff',
                lineHeight: '160px',
                textAlign: 'center',
                background: '#364d79',
            }
        };
    }
     ;
    render() {
        return (
            <>
                <Carousel style={{ width: '100%',  marginTop: 16 }}>
                    <div>
                        <h3 style={this.state.contentStyle}>1</h3>
                    </div>
                    <div>
                        <h3 style={this.state.contentStyle}>2</h3>
                    </div>
                    <div>
                        <h3 style={this.state.contentStyle}>3</h3>
                    </div>
                    <div>
                        <h3>4</h3>
                    </div>
                </Carousel>
            </>
        )
    }
}

export default ImageCarousel;